<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>

<body>

</body>
<script>
    //  webStorage  网页存储  => H5新增网页存储方式,解决cookie的一部分问题
    // 1.提供一种在cookie之外存储会话数据的路径
    // 2.提供一种存储大量可以跨会话存在的数据的机制  (存5M,跨页面访问(默认存储在站点根目录))
    // 3.自带数据增删改查的方法

    // webStorage中存储的数据,不会主动随请求传递给服务器,严格限制在客户端

    // webStorage网页存储(统称) 提供了两种存储数据的方式: localstorage(本地存储)  sessionstorage(会话存储)
    // localstorage(本地存储)   -> 长时间存储 (只要不删除,一直存在)
    // sessionstorage(会话存储)  -> 浏览器窗口会话结束(浏览器窗口关闭)


    //  localstorage(本地存储)  sessionstorage(会话存储) 属性和方法

    // 属性:
    // length   保存数据的数量

    // 方法
    // setItem(key, value) —— 保存数据，以键值对的方式存储信息
    // getItem(key) —— 获取数据，将键值传入，即可获取到对应的value值
    // removeItem(key) —— 删除单个数据，根据键值移除对应的信息
    // clear() —— 删除所有的数据
    // key(index) —— 获取某个索引的key





</script>

</html>